<template>
	<view class="container">
		<view class="header-box">
			<c-header-content-msg></c-header-content-msg>
		</view>
		<s-list-view title="身份认证" :size="38">
			<view class="input-box">
				<view class="input-item">
					<view class="input-title">姓名</view>
					<view class="input-content">
						<input type="text" maxlength="20" placeholder="请输入姓名" placeholder-class="input-class">
					</view>
				</view>
				<view class="input-item">
					<view class="input-title">身份证号</view>
					<view class="input-content">
						<input type="text" maxlength="30" placeholder="请输入身份证号" placeholder-class="input-class">
					</view>
				</view>
			</view>	
			<view class="pic-box">
				<view class="pic-add-box">
					
					<!-- <view class="pic-view">
						
						<image src="../../static/images/user/user.jpg"></image>
						<view class="btn-pic">
							<s-button type="white" shape="circle" width="160upx" height="50upx" bold :size="22">更换证件</s-button>
						</view>
					</view> -->
					<view class="pic-add">
						<s-icon name="plus" size="60" color="#ffffff"></s-icon>
						<view class="pic-content">请上传身份证正面照</view> 
					</view>
				</view>
			</view>
			<view class="pic-box">
				<view class="pic-add-box">
					
					<!-- <view class="pic-view">
						
						<image src="../../static/images/user/user.jpg"></image>
						<view class="btn-pic">
							<s-button type="white" shape="circle" width="160upx" height="50upx" bold :size="22">更换证件</s-button>
						</view>
					</view> -->
					<view class="pic-add">
						<s-icon name="plus" size="60" color="#ffffff"></s-icon>
						<view class="pic-content">请上传身份证反面照</view> 
					</view>
				</view>
			</view>
			<s-list-view title="学历认证" :size="38" marginTop="30upx">
				<view class="input-box">
					<view class="input-item">
						<view class="input-title">学校名称</view>
						<view class="input-content">
							<input type="text" maxlength="20" placeholder="请输入学校名称" placeholder-class="input-class">
						</view>
					</view>
					<view class="input-item">
						<view class="input-title">专业</view>
						<view class="input-content">
							<input type="text" maxlength="30" placeholder="请输入专业" placeholder-class="input-class">
						</view>
					</view>
					<!-- 学历 -->
					<view class="input-item">
						<view class="input-title">学历</view>
						<view class="input-content">
							<picker @change="bindEducationChange" :value="education" :range="educationArray">
								<view class="sex-box">
									<view class="sex-text">{{educationArray[education]}}</view>
									<s-icon name="arrowright" size="22"></s-icon>
								</view>
								
							</picker>
						</view>
					</view>
					<!-- 是否全日制 -->
					<view class="input-item">
						<view class="input-title">是否全日制</view>
						<view class="input-content">
							<picker @change="bindFullChange" :value="full" :range="fullArray">
								<view class="sex-box">
									<view class="sex-text">{{fullArray[full]}}</view>
									<s-icon name="arrowright" size="22"></s-icon>
								</view>
								
							</picker>
						</view>
					</view>
				</view>	
				<view class="pic-box">
					<view class="pic-add-box">
						
						<!-- <view class="pic-view">
							
							<image src="../../static/images/user/user.jpg"></image>
							<view class="btn-pic">
								<s-button type="white" shape="circle" width="160upx" height="50upx" bold :size="22">更换证件</s-button>
							</view>
						</view> -->
						<view class="pic-add">
							<s-icon name="plus" size="60" color="#ffffff"></s-icon>
							<view class="pic-content">请上传学历证件照</view> 
						</view>
					</view>
				</view>
			</s-list-view>
			
			<view class="sub-btn">
				<s-button width="80%" bold shape="circle" :loading="true">提交</s-button>
			</view>
		</s-list-view>	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				fullArray: [ '否', '是'], // 是否全日制
				full:0,
				
				educationArray: [ '初中', '高中','大专','本科','研究生','其他'], // 学历
				education:0,
			}
		},
		methods: {
			bindFullChange(e) {
				this.full = e.target.value
			},
			bindEducationChange(e) {
				this.education = e.target.value
			}
		}
	}
</script>

<style lang="scss" scoped>
@import "authentication.scss";
</style>
